<template>
    <el-dialog
        :visible.sync="show"
        width="500px"
        :append-to-body="true"
        :show-close="false"
        :close-on-click-modal="false"
        custom-class="shade_modals"
    >   
    <div slot="title" class="title_close">
      <div class="title">{{ $t('account.company.56hqcqgeuwc0') }}</div>
      <img src="@/assets/img/icon_gb1.png" class="close" @click="handleClose" />
    </div>
        <el-collapse v-model="activeNames" @change="handleChange" class="collapselist">
            <el-collapse-item :title="item.dealTime | timestampToTime" :name="index" v-for="(item,index) in ListData" :key="index">
                <p>{{$t('account.company.56hqcqgew1c0')}} <span class="fr">{{item.type==1?$t('account.company.56hqcd5ewx00'):item.type==2?$t('account.company.56hqqx4ewx00'):item.type==3?$t('account.company.56hq8csewx00'):$t('account.company.5615452ewx00')}}</span></p>
                <p>{{$t('account.company.56hqcqgewcs0')}} <span class="fr">{{item.scheme}}</span></p>
                <p>{{$t('account.company.56hqcqgewnk0')}} <span class="fr">{{item.registerNum}} → {{item.paymentNum}}</span></p>
                <p>{{$t('account.company.56hqcqgewx00')}} <span class="fr">{{item.registerPrice}} → {{item.paymentPrice}}</span></p>
            </el-collapse-item>
        </el-collapse>
    </el-dialog>
</template>
<script>
    export default {
        props:["ListData",'show'],
        data() {
            return{
                activeNames: [0,1],
            };
        },
        methods: {
            handleClose() {
                this.$emit("closeCompany");
            },
            handleChange(val){
                console.log(val);
            },
        },
        watch:{
            ListData(val){
                console.log(val,'11111')
            }
        }
    }
</script>
<style lang="less">
    .shade_modals{
        padding-bottom: 30px;
        .el-dialog__title{
            font-size: 14px;
            color: @fff;
        }
        .el-dialog__body{
            height:400px;
            overflow: auto;
            padding: 0 20px;
        }
        .collapselist{
            .el-collapse-item__header{
                font-size: 12px;
                color:@fff;
                line-height: 26px;
                height: 26px;
            }
            .el-collapse-item__content{
                padding-bottom: 10px;
                p{
                    font-size: 12px;
                    color:@fbSix;
                    line-height: 30px;
                    span{
                        color:@fff; 
                    }
                }
            }
        }
    }
</style>